<template>
  <div id="app">
    <!-- 公共头部  -->
    <public-header></public-header>
    <!-- 路由视图  -->
    <router-view></router-view>
    <!-- 公共底部  -->
    <public-footer></public-footer> 
  </div>
</template>

<script>
const PublicHeader = () => import('./components/PublicHeader.vue')
const PublicFooter = () => import('./components/PublicFooter.vue')
export default {
  name: 'app',
  components: {
    PublicHeader,
    PublicFooter
  }
}
</script>

<style>
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; color: #333;}
body,html,div,header,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,fieldset,input,textarea,select,label,p,blockquote,th,td,button,a,span,img,p 
{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0;padding: 0}
body, button, input, textarea {font: 14px/1 Tahoma, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1", sans-serif}
button, input, select, textarea {font-size: 100%;outline: none;border: none;}
h1 {font-size: 24px;}h2 {font-size: 20px;}h3 {font-size: 18px;}h4 {font-size: 16px;}h5 {font-size: 14px;}h6{font-size: 12px;}
i {font-style: normal}
li {list-style: none}
a {text-decoration: none;color: #333}
img {border: 0;vertical-align: bottom}
/*修复input顶部阴影*/
input,textarea {-webkit-appearance: none;}
/*去掉input数字输入框默认样式*/
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
/* 清除浮动样式 */
.clearFix:before,
.clearFix:after {content: "";display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;width: 0;height: 0}
.clearFix:after {clear: both}
.clearFix {*zoom: 1}
/* 引入图标字体 */
@font-face {font-family: "iconfont";src: url('./assets/fonts/iconfont.eot'); /* IE9*/src: url('./assets/fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */url('./assets/fonts/iconfont.woff') format('woff'),url('./assets/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('./assets/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-shoucang:before { content: "\e60f"; }
.icon-xin:before { content: "\e635"; }
.icon-denglu:before { content: "\e60e"; }
.icon-tuichu:before { content: "\e724"; }
.icon-libao:before { content: "\e60c"; }
.icon-gengduo:before { content: "\e620"; }
.icon-shang:before { content: "\e63c"; }
.icon-xia:before { content: "\e63d"; }
.icon-zuo:before { content: "\e63e"; }
.icon-diannao:before { content: "\e613"; }
.icon-shijian:before { content: "\e602"; }
.icon-zan:before { content: "\e600"; }
.icon-anzhuo:before { content: "\e6ec"; }
.icon-fanhuidingbu:before { content: "\e612"; }
.icon-pingguo:before { content: "\e658"; }
.icon-huo:before { content: "\e63f"; }
/* 公共内容区  */
.public-views{background-color: #f5f5f5;padding-top: 30px;}
.public-inner{width: 1200px;margin: 0 auto;display: block;overflow: hidden;}
.home-title {color: #ffa93a;line-height: 50px;position: relative;padding-left: 15px;}
.home-title:before {content: '';width: 6px;height: 20px;background-color: #ffa93a;border-radius: 10px;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.home-title a {font-size: 14px;line-height: 50px;position: absolute;right: 0;top: 0;color: #ccc;}
.home-title i {vertical-align: baseline;font-size: 14px;}
.home-title a:hover {color: #ffa93a;text-decoration: underline;}
</style>
























